    
var imgwidth=$('.banner').width();//图片宽度
$(window).load(function(){
    var caidan= function () {
            var cateLiNum = $(".h_382>li").length;
            $('.h_382>li').each(function (i) {
                $('.h_382>li').stop().hover(function () {
                    $('.h_382>li').stop(true).removeClass('hoveStyle').addClass('removeHoverStyle');
                    $(this).stop(true).addClass('hoveStyle').removeClass('removeHoverStyle');
                    var a = (-($(this).index() * $(this).height() + $(this).index() * 2));
                    $($(this).children('.second')).css('top', a);
                    $('.second').hide();
                    $(this).children('.second').show();
                }, function () {
                    $('.second').hide();
                })
            })
    
    }();
    // 轮播图 
    var index = 0;
    // first() 将匹配元素集合缩减为集合中的第一个元素。
    // clone() 克隆
    $('.banner ul li').first().clone().appendTo('.banner ul'); //克隆第一张图片添加到列表中去
    var length = $('.banner ul li').length; //返回判断的数量
    if (length > 2) {
        // 循环图片容器的数量 并向提示按钮的容器添加子元素
        for (var i = 0; i < length - 1; i++) {
            $('.banner ol').append('<li></li>');
        }
        $('.banner ol li').first().addClass('on');

        // 鼠标触碰提示按钮
        $('.banner ol li').hover(function () {
            // console.log($(this).index())
            index = $(this).index();
            $('.banner ul').stop().animate({ left: -index * imgwidth }, 800)
            $('.banner ol li').eq(index).addClass('on').siblings().removeClass('on');

        })

        // 自动轮播 加定时器
        var timer = setInterval(sliderTimer, 3000);
        function sliderTimer() {
            index++;
            move();
        }

        // 给左右按钮绑定事件
        $('.btn_l').click(function () {
            index--;
            move();
        })
        $('.btn_r').click(function () {
            index++;
            move();
        })

        // 鼠标悬停事件
        $('.banner').hover(function () {
            clearInterval(timer);
        }, function () {
            timer = setInterval(sliderTimer, 3000);
        })

        // 移动事件
        function move() {
            if (index == length) {
                $('.banner ul').css({ left: 0 });
                index = 1;
            }
            if (index == -1) {
                $('.banner ul').css({ left: -(length - 1) * imgwidth });
                index = length - 2;
            }
            $('.banner ul').stop().animate({ left: -index * imgwidth }, 800);

            if (index == length - 1) {
                // 如果索引值为最大值，那么就给第一个小圆点添加类名，其他兄弟删除类名
                $('.banner ol li').eq(0).addClass('on').siblings().removeClass('on');
            } else {
                $('.banner ol li').eq(index).addClass('on').siblings().removeClass('on');
            }
        }
    } else {
        $('.banner ol').hide();
        $('.banner .btn_l').hide();
        $('.banner .btn_r').hide();
    }

    
    //input 选择搜索
    $('.span-index').click(function () {
        $('.com-select').toggle();
    })
    $('.span-index1').click(function () {
        $('.com-select1').toggle();
    })
    $('.com-select>li').click(function () {
        $('.com-select>li').removeClass('removeActive');
        $(this).addClass('removeActive');
    })
    $('.com-select1>li').click(function () {
        $('.com-select1>li').removeClass('removeActive');
        $(this).addClass('removeActive');
    })

    // 点击搜索选择框里面的每一项 
    $('.com-select1>li').each(function () {
        $(this).click(function () {
            var conent = $(this).text();
            $('.span-index1').html(conent);
            $('.com-select1').hide();
        })
    })
    $('.com-select>li').each(function () {
        $(this).click(function () {
            var conent = $(this).text();
            $('.span-index').html(conent);
            $('.com-select').hide();
        })
    })

    //语言的选择
    $(".country_list").click(function () {
        $('.ChangeLocale__Window').toggle();
        $('.ff-is-visible').toggle();
        $('.ChangeLocale__DismissableBackground').toggle();
    })
    //  选择哪个国家
    $('.ChangeLocale__CountryList>li').click(function () {
        $('.ChangeLocale__Window').hide();
        $('.ff-is-visible').hide();
        $('.ChangeLocale__DismissableBackground').hide();
    })
    // nav导航
    $('.nav_list>ul>li>a').click(function () {
        $('.nav_list>ul>li>a').addClass('removeActive').removeClass('addActive');
        $(this).addClass('addActive').removeClass('removeActive');

    })
    //tab的切换
    $('#tab1').click(function () {
        $('.ind_shop_tit>span').removeClass('cur');
        $(this).addClass('cur');
        $('#tabs1').show();
        $('#tabs2').hide();
        $('#more1').show();
        $('#more2').hide();
    })
    $('#tab2').click(function () {
        $('.ind_shop_tit>span').removeClass('cur');
        $(this).addClass('cur');
        $('#tabs2').show();
        $('#tabs1').hide();
        $('#more2').show();
        $('#more1').hide();
    })
   
    //打开选择国家对话框 
    $('.ChangeLocale__DismissableBackground').click(function () {
        $('.ChangeLocale__DismissableBackground').hide();
        $('.ChangeLocale__Window').hide();
        $('.ChangeLocale__Backdrop').hide();
    })
    if ($('.ind_shop_show').text() == "") {
        $('.not_data').show();
    } else {
        $('.not_data').hide();
    }
    //   店铺列表的tab默认页面
    if ($('#tabs3 .shop_list').text() == "") {
        $('#tabs3').children('.not_data').show();
    } else {
        $('#tabs3').children('.not_data').hide();
    }
    if ($('#tabs4 .shop_list').text() == "") {
        $('#tabs4').children('.not_data').show();
    } else {
        $('#tabs4').children('.not_data').hide();

    }

})
    